// 引入依赖的配置文件模块
require(["config"], function(){
	// 引入依赖模块
	require(["jquery", "header"], function($){
		function Register() {
			this.addListener();
			this.genValidateCode();

		}

		$.extend(Register.prototype, {
			// 注册事件监听
			addListener: function() {
				$(".btn-register").on("click", $.proxy(this.registerHandler, this));
				console.log(this);
				console.log(this.registerHandler);
				$("#validate_code").click(this.genValidateCode);
			},

			//图片验证码
			genValidateCode:function() {
				/* ajax 访问API接口，获取生成验证码的数据 */
				ajax({
					url : "http://route.showapi.com/932-2?showapi_appid=75605&showapi_sign=40897c8d0fc94f75a1961e4cdc2bfd83&length=5",
					dataType : "json",
					success : function(data) {
						console.log(data);
						// 显示出验证码图片
						$("#validate_code").src = data.showapi_res_body.image;
						// 保存验证码关联标识：将关联标识缓存到DOM元素对象中，将在校验有效性时使用
						$("#validate_code").sid = data.showapi_res_body.sid;
					}
				});
			},


			// 注册处理
			registerHandler: function() {
				// 获取表单中待提交的数据，序列化
				var data = $("#reg_form").serialize();
				console.log(data);
				// ajax 提交注册数据
				var url = "http://localhost/api/register.php";

				//"http://localhost/project/h51806_project/api/register.php";
				//http://localhost/1806/h51806_myProject/api/register.php

				//F:\1806\h51806_myProject\api\register.php
				$.post(url, data, this.regSuccessHandler, "json");
				return false;
			},
			// 注册提交 ajax 请求成功的回调
			regSuccessHandler: function(data) {
				// console.log(data);
				if (data.res_code === 1) { // 注册成功
					location = "/html/login.html";
				} else { // 注册失败
					$(".reg-error").removeClass("hidden").text("注册失败：" + data.res_message);
				}
			}
		});

		new Register();
	});
});